<template>
  <div class="comTitle">
    <i />
    <span>{{ tit_txt }}</span>
  </div>
</template>

<script>
/**
 * @param tit_txt：标题文案
 * 调用示例: <comTitle tit_txt='标题'></comTitle>
 */
export default {
  name: 'ComTitle',
  props: {
    tit_txt: String
  }
}
</script>

<style lang="less" scoped>
.comTitle {
  display: inline-block;
  background-color: #fff;
  i {
    display: inline-block;
    width: 4px;
    height: 16px;
    background: #3157b5;
    vertical-align: middle;
  }
  span {
    font-size: 16px;
    vertical-align: middle;
    margin-left: 8px;
  }
}
</style>
